$(function() {
    var currentPage = 1; //当前页
    var pageSize = 5; //一页几条数据

    //1. 请求一级分类数据并渲染
    function render() {
        $.ajax({
            type: 'get',
            url: '/category/queryTopCategoryPaging',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: 'json',
            success: function(info) {
                console.log(info);
                $('tbody').html(template('tmp', info));
                //生成分页标签
                setPage(info.total);
            }
        });
    }

    render();

    //2. 分页
    function setPage(total) {
        $("#pagintor").bootstrapPaginator({
            bootstrapMajorVersion: 3, //默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage, //当前页
            totalPages: Math.ceil(total / pageSize), //总页数
            size: "small", //设置控件的大小，mini, small, normal,large
            onPageClicked: function(event, originalEvent, type, page) {
                //为按钮绑定点击事件 page:当前点击的按钮值
                //记录当前页
                currentPage = page;
                //重新渲染
                render();
            }

        });
    }

    //3. 一级分类的表单验证
    $('#form1').bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //字段
        fields: {
            //字段name属性
            categoryName: {
                //验证规则
                validators: {
                    //非空验证
                    notEmpty: {
                        message: '一级分类不能为空！'
                    }
                }
            }
        }
    });

    //4. 表单验证通过后 点击添加按钮 提交数据给后台
    $('#form1').on('success.form.bv', function(e) {
        //阻止表单提交
        e.preventDefault();
        //提交ajax
        $.ajax({
            type: 'post',
            url: '/category/addTopCategory',
            data: $('#form1').serialize(),
            dataType: 'json',
            success: function(info) {
                console.log(info);
                currentPage = 1;
                //重新渲染当前页
                render();
                //隐藏模态框
                $('#modal-add').modal('hide');
                //获取表单校验实例 重置表单
                var validator = $("#form1").data('bootstrapValidator');
                //默认只重置表单相关样式， 如果要重置数据 括号里加true
                validator.resetForm(true);
            }
        });
    });
});